$(function () {
    // 同意协议
    $(".protocol a").click(function () {
        $(".register ul li").eq(1).addClass("li_current").children().addClass("span_current")
        $(".register ul li").eq(0).removeClass("li_current").children().addClass("span_current")
        $(".write_info").show().siblings("div").hide()
    })

    // 注册验证
    // 真实姓名验证
    $("#real_name input").blur(function () {
        if ($(this).val().length < 2 || $(this).val().length > 4) {
            $(this).siblings("label").addClass("wrong").removeClass("right").text("不合法")
        } else {
            $(this).siblings("label").addClass("right").removeClass("wrong").text("正确")
        }
    })

    // 用户名验证
    $("#uname input").blur(function () {
        if ($(this).val().length < 6 || $(this).val().length > 10) {
            $(this).siblings("label").addClass("wrong").removeClass("right").text("不合法")
        } else {
            $(this).siblings("label").addClass("right").removeClass("wrong").text("正确")
        }
    })

    // 密码验证
    $("#psw input").blur(function () {
        if ($(this).val().length < 6 || $(this).val().length > 20) {
            $(this).siblings("label").addClass("wrong").removeClass("right").text("不合法")
        } else if ($(this).val().length > 5 && $(this).val().length < 9) {
            $("#psw_intensity i").css("backgroundImage", "linear-gradient(90deg,red 50%,green)")
            $(this).siblings("label").addClass("right").removeClass("wrong").text("安全性弱")
        } else if ($(this).val().length > 8 && $(this).val().length < 12) {
            $("#psw_intensity i").css("backgroundImage", "linear-gradient(90deg,red -30%,green)")
            $(this).siblings("label").addClass("right").removeClass("wrong").text("安全性中")
        } else {
            $("#psw_intensity i").css("backgroundImage", "linear-gradient(90deg,green 100%,red)")
            $(this).siblings("label").addClass("right").removeClass("wrong").text("安全性强")
        }
    })

    // 确认密码验证
    $("#affirm_psw input").blur(function () {
        if ($(this).val() == $("#psw input").val()) {
            $(this).siblings("label").addClass("right").removeClass("wrong").text("正确")
        } else {
            $(this).siblings("label").addClass("wrong").removeClass("right").text("与上次输入不匹配")
        }
    })

    // 邮箱验证
    $("#postbox input").blur(function () {
        if ($(this).val().length < 6 || $(this).val().length > 10) {
            $(this).siblings("label").addClass("wrong").removeClass("right").text("不合法")
        } else {
            $(this).siblings("label").addClass("right").removeClass("wrong").text("正确")
        }
    })

    // 手机号验证
    $("#tel_num input").blur(function () {
        if ($(this).val().length != 11) {
            $(this).siblings("label").addClass("wrong").removeClass("right").text("不合法")
        } else {
            $(this).siblings("label").addClass("right").removeClass("wrong").text("正确")
        }
    })

    // 验证码验证
    let n = 10
    let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
    function getCode() {
        return Math.floor(Math.random() * 10)
    }
    $("#security_code button").click(function () {
        let str = ""
        $(this).prop("disabled", true);
        for (let i = 0; i < 6; i++) {
            str += arr[getCode()]
        }
        $("#security_code button").text("还剩" + n + "秒")
        let timer = setInterval(function () {
            n--;
            $("#security_code button").text("还剩" + n + "秒")
            if (n == 0) {
                clearInterval(timer)
                n = 10
                $("#security_code button").prop("disabled", false)
                $("#security_code label").text(str)
                $("#security_code button").text("重新获取验证码")
            }
        }, 1000)
    })
    $("#security_code input").blur(function () {
        if ($(this).val() != $(this).siblings("label").text()) {
            $(this).siblings("label").addClass("wrong").removeClass("right").text("验证码有误")
        } else {
            $(this).siblings("label").addClass("right").removeClass("wrong").text("正确")
        }
    })

    // 提交验证
    $("#submit_btn button").click(function () {
        if ($(".write_info .right").length == 7) {
            $(".register ul li").eq(2).addClass("li_current").children().addClass("span_current")
            $(".register ul li").eq(1).removeClass("li_current").children().addClass("span_current")
            $(".register_succes").show().siblings("div").hide()
        } else {
            alert("信息有误,注册失败")
        }
    })
})